@charset "UTF-8";

.banner{
	width: 100%;
	float: left;

	
}
.banner_box{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	
}
.banner_flex{
	width: 300%;
	display: flex;
	transition:all .3s linear;
}
.banner_flex > div{
	flex-basis:50%;
}
.banner_flex > div img{
	width: 100%;
}

.banner_box input{
	display: none;
}
.banner_box label{
	width: 15px;
	height: 15px;
	display: block;
	background: #395674;
	border-radius: 100%;
	position: absolute;
	top: 85%;
	left: 50%;
}
#one{
	left:47%;
}
#two{
	left:50%;
}
#three{
	left:53%;
}

/* 当鼠标触发事件 banner_flex节点 向左移动  */

input[name="sex"]:checked+label{

	background: #7a4a15;
}
#btn_1:checked~.banner_flex{

	margin-left: 0%;
}
#btn_2:checked~.banner_flex{

	margin-left: -100%;
}
#btn_3:checked ~ .banner_flex{

	margin-left: -200%;
}
/*banner end*/

.about{
	width: 100%;
	float: left;
}
.about_box{
	width: 100%;
	float: left;
	background: #fafafa;
	padding-top: 17px;

}
.about_title{
	 width: 100%;
	text-align: center;
	font-size: 24px;
	color: #000;
	background: url(../images/about_title_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 102%;
}
.about_title h2{

	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #000;

}
.about_title p{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 27px;
}
.about_flex{
	width: 90%;
	display: flex;
	margin:0px auto;
	margin-bottom: 17px;

	justify-content:space-around;
}
.about_flex > div{
	flex-basis:23%;
	text-align: center;
	padding-top: 18px;
	padding: 0px 10px;
	background: #f2f2f2;


}
.about_flex > div:nth-of-type(2){

	padding: 0px 10%;
}
.about_flex_titel{
	width: 100%;
	font-size: 16px;
	margin:16px 0px 10px;

}
.about_flex_des{
	text-transform: uppercase;
	width: 100%;
	font-size: 16px;
}
.about_flex_desc{
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_flex_img{
	padding-top: 18px;
	transition:all .3s linear;
}

.about_flex_img:hover{

	transform:rotate(360deg);
}

/*about end*/

.case{
	width: 100%;
	float: left;
}
.case_box{
	width: 100%;
	float: left;

}
.case_flex{
	width: 90%;
	display: flex;
	margin:0px auto;
	flex-wrap:wrap;
	justify-content:space-around;

}
.case_flex > div{
	flex-basis:32.8%;
	text-align: center;
	margin-top: 22px;
}
.case_img img{
   width: 100%;
   border:1px solid #000;
}
.case_desc{
	font-size: 12px;
	margin: 15px 0px 18px;
}
.case_more{
	font-size: 16px;
	color:#fff;
	background: #6db6ff;
	padding: 2% 10%;
	margin-bottom: 22px;

}
/*case end*/

.links{
	width: 100%;
	float: left;

}
.links_box{
	width: 100%;
	float: left;
	border-bottom: 1px solid #eaedf0;

}
.links_banner{
	width: 90%;
	margin: 0px auto;
	padding-bottom: 150px;
	padding-top: 20px;
	background-image: url(../images/links_banner_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;


}
.links_title{
	width: 100%;
	text-align: center;
	background: url(../images/links_title_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 98%;
	position: relative;

}
.links_title h2{
	font-size: 24px;
	color: #fff;
}
.links_title p{
	font-size: 16px;
	color:#fff;
}
.links_big{
   width: 100%;
   overflow: hidden;

   
}
.links_big_box{

	width: 300%;
	display:flex;
	flex-direction:row;
	margin-top: 5%;
	transition:all .3s linear;

}


.links_flex{
	width: 33.3%;
	display: flex;
	justify-content:space-around;

}

.links_flex > a {
	display: block;
	flex-basis:25%;
}
.links_flex > a img{

	width: 100%;

}
.links_big input{
	display: none;
}
.links_big label{
	width: 3%;
	height: 15%;
	display: block;
	position: absolute;
	top: 36%;
	opacity: .1;
	transition:all .3s linear;
	
}

#dink1{
	left: 0;
	background:url(../images/link_1_bg.png);
	background-repeat: no-repeat;
	background-position: center;

}
#dink2{
	display: none;
}
#dink3{
	right: 0;
	background:url(../images/link_3_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

input[name="sex1"]:checked+label{

	opacity: 1;
}
#link_1:checked~.links_big_box{

	margin-left: 0;
}
#link_2:checked~.links_big_box{

	margin-left: -100%;

}
#link_3:checked~.links_big_box{

	margin-left: -200%;

}